<template>
    <div>
        <router-view />
        <van-tabbar v-model="active" style="position: fixed;bottom: 0px">
            <van-tabbar-item icon="wap-home-o" @click="router.push('/Home')">首页</van-tabbar-item>
            <van-tabbar-item icon="eye-o" @click="router.push('/Fond')">发现</van-tabbar-item>
            <van-tabbar-item icon="chat-o" @click="router.push('/Message')">消息</van-tabbar-item>
            <van-tabbar-item icon="manager-o" @click="router.push('/My')">我的</van-tabbar-item>
          </van-tabbar>
    </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router';
const router = useRouter()
let active = ref(0)
</script>

<style scoped>

</style>